﻿article{top:44px;bottom:54px;}
article{background-color: #f0f0f0;}
.titlebar,.menubar{background-color: #fff}
.titlebar a{color: #95c73f;}
.titlebar h1{font-size: 22px;}
.tab:active, .tab.active{color: #95c73f;}
[data-role="slider"] img{height: 100%;object-fit: cover;object-position: center center;}

/* home*/
[data-role="slider"]{overflow: hidden;}
.modelist{margin-top:10px;}
.modelist li{margin-top:10px;padding: 5px 20px;}
.modelist .img{margin-right: 20px;height: 80px;width: 80px;background-image: url('../img/mode.png');background-repeat: no-repeat;}
.modelist .text}
.modelist .img.wash{background-position: left top;}
.modelist .img.shopingg{background-position: right top;}
.modelist .img.wash{background-position: right bottom;}
.modelist .img.market{background-position: left bottom;}

/*login*/
.loginbox{margin-top:10px;}
.loginbox .btnbar{margin-top:10px;}
.loginbox .btnbar{padding: 0 20px;}
.loginbox .link{text-align: right;margin-top:5px;padding: 0 20px;}
.loginbox [type="text"]{padding-left:40px;}
.loginbox [type="password"]{padding-left:40px;padding-right:40px;}
.loginbox span{
    position: absolute;
    left:5px;
    z-index: 1;
    top:0px;
    line-height: 40px;
    font-size: 24px;
    color: #999
}
/*reg*/
.loginbox.regbox {margin-top: 0px;}
.loginbox.regbox .link{text-align: center;}
button#getcode{background-color: #88d038;width: 96px;}

/*area*/
aside#area_asider{width: 100%;color: #999;}
aside#area_asider article{bottom: 0px;}
aside#area_asider .coordinate{background-color: #fff;margin-top: 5px;}
aside#area_asider .coordinate .title{padding: 0px 20px;border-bottom: 3px solid #f0f0f0;}
aside#area_asider .coordinate .cur_area{padding: 5px 20px;margin-bottom: 0px;}
aside#area_asider .coordinate .area{height: 32px;}
aside#area_asider .arealist .title{color: #333;padding:5px 10px;}
aside#area_asider .arealist li li{line-height: 40px;height: 40px;color: #666;padding-left: 20px;background-color: #fff;border-bottom: 1px solid #f0f0f0;}